import React from 'react';
import { Provider } from './context';
import { Provider as SourceProvider } from '@/pages/Transformer/components/SourcePanel/context';
import { Provider as TargetProvider } from '@/pages/Transformer/components/TargetPanel/targetContext';
import Main from './Main';

function Index(props) {
  return (
    <Provider value={props}>
      <SourceProvider>
        <TargetProvider>
          <Main />
        </TargetProvider>
      </SourceProvider>
    </Provider>
  );
}

export default Index;
